<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Admin Panel - LogIn Page</title>
        <!--[if IE]><link rel="stylesheet" href="css/ie.css" type="text/css" media="screen, projection" /><![endif]-->
        <link rel="stylesheet" type="text/css" media="all" href="css/style.css" />
        <link rel="Stylesheet" type="text/css" href="css/smoothness/jquery-ui-1.7.1.custom.css"  />	
        <!--[if IE]>
                <style type="text/css">
                  .clearfix {
                    zoom: 1;     /* triggers hasLayout */
                    display: block;     /* resets display for IE/Win */
                    }  /* Only IE can see inside the conditional comment
                    and read this CSS rule. Don't ever use a normal HTML
                    comment inside the CC or it will close prematurely. */
                </style>
        <![endif]-->
        <!-- JavaScript -->
        <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
        <script type="text/javascript" src="js/jquery-ui-1.7.1.custom.min.js"></script>
        <script type="text/javascript" src="js/custom.js"></script>
        <!--[if IE]><script language="javascript" type="text/javascript" src="excanvas.pack.js"></script><![endif]-->
    </h:head>
    <h:body>
        <div  id="login_container">
            <div  id="header">

                <div id="logo"><h1><a href="/">RadioCabs Team1 - Admin Panel</a></h1></div>

            </div><!-- end header -->

            <div id="login" class="section">
                <div id="" class="info_div" style="text-align: right;margin-right: 100px"><span style="font-size: 20px">Sign in</span></div>
                <br />
                <h:form id="formLogin">
                    #{adminController.loginAgain()}
                    <label><strong>Username</strong></label>
                    <h:inputText value="#{adminBean.username}" id="user_login"  size="28" styleClass="input"
                                 required="true" requiredMessage="Please input username"/>
                    <br />
                    <label><strong>Password</strong></label>
                    <h:inputSecret value="#{adminBean.password}" id="user_pass"  size="28" styleClass="input"
                                   required="true" requiredMessage="Please input password"/>
                    <br />
                    <p:commandButton actionListener="#{adminController.checkValidUser}" ajax="false" id="save" styleClass="submit" value="Log In" />
                    <p:messages autoUpdate="true" showDetail="true" showSummary="false"></p:messages>
                </h:form>
            </div>
        </div><!-- end container -->

    </h:body>
</html>

